body {
    padding-top: constant(safe-area-inset-top);   /*//为导航栏+状态栏的高度 88px */           
    padding-left: constant(safe-area-inset-left);    /*//如果未竖屏时为0*/                
    padding-right: constant(safe-area-inset-right);/* //如果未竖屏时为0     */           
    padding-bottom: constant(safe-area-inset-bottom);/*//为底下圆弧的高度 34px*/       
}

@media only screen and (device-width: 375px) and (device-height: 812px) and 
(-webkit-device-pixel-ratio: 3) {
    /*增加头部适配层*/
    .has-topbar {
        height: 100%;
        box-sizing: border-box;
        padding-top: 44px;
        &:before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 44px;
            background-color: #000000;
            z-index: 9998;
        }
    }

    /*增加底部适配层*/
    .has-bottombar {
        height: 100%;
        box-sizing: border-box;
        padding-bottom: 34px;
        &:after {
            content: '';
            z-index: 9998;
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 34px;
            background: #f7f7f8;
        }
    }

    /*导航操作栏上移*/
    .bottom-menu-fixed {
        bottom: 34px;
    }
}


/*div{border: 1px solid red;}*/
.main{
	max-width: 1080px;
}
img{
	width: 100%;height: 100%;
}
.bottom{
	display: flex;
	justify-content: space-around;
}
.bot_tu{
	height:6vw;
	width: 6%;
}
.tan{
	width: 12%;
	display: flex;
	justify-content: space-between;
}



/*<!--5.分享蒙版============================-->*/

.meng {
	/*margin: 0 auto;*/
	position: fixed;
	/*position: absolute;*/
	z-index: 8888;
	left: 5vw;
	bottom: 20vw;
	display: none;
}

.meng1 {
	width: 91.67vw;
	height: 42.78vw;
	border-radius: 10px;
	background-color: white;
}

.meng_title {
	display: -webkit-flex;
	-webkit-align-items: center;
	justify-content: center;
	font-family: "微软雅黑";
	font-size: 4.26vw;
	margin: 0vw 0vw 0vw 0vw;
	padding: 5vw 0vw 5.6vw 0vw;
}

.share_place {
	display: flex;
	justify-content: space-around;
}

.place {
	position: relative;
}

.place span {
	display: block;
	margin: 0vw 0vw 0vw 0vw;
	;
	position: absolute;
	font-size: 3.24vw;
	top: 16vw;
	width: 129%;
}

.qqyou {
	left: 9%;
}

.weixin {
	left: 5%;
}

.pengyou {
	left: -10%;
}

.place img {
	width: 13.89vw;
	height: 13.89vw;
}

.weixin_place {
	margin: 0vw 0vw 0vw 0vw;
}

.meng2 {
	background-color: white;
	margin-top: 4.17vw;
	width: 91.67vw;
	height: 13.89vw;
	border-radius: 10px;
	font-family: "微软雅黑";
	font-size: 4.26vw;
	/*font-stretch: normal;*/
	/*	font-weight: normal;*/
	/*letter-spacing: 4.6px;*/
	/*上下居中*/
	display: -webkit-flex;
	-webkit-align-items: center;
	justify-content: center;
	color: #faac14;
}

.menghui {
	position: fixed;
	/*position: absolute;*/
	z-index: 2000;
	top: 0vh;
	background-color: #7f7f7f;
	opacity: 0.5;
	width: 100vw;
	height: 100vh;
	display: none;
}